<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page import="br.com.takashii.lp.domain.Assunto" %>
<%@ page import="br.com.takashii.lp.domain.Estado" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Luck Port | Contatos</title>
</head>
<body>	
<div class="conteudoCentro">
	<h3 class="titulo"> Contato </h3>
	<form action="<c:url value="/contatos/enviaEmail"/>" method="post">
		<table align="center">
			<tr>
				<h1 class="texto">
				Para entrar em contato conosco, preencha os campos abaixo.<br> 
				Se preferir entre em contato pelo telefone (11) 3743-9642 ou pelo e-mail luckport@luckport.com.br.
				</h1>
			</tr>
			<tr>
				<td><label>Nome: </label></td>
				<td>
					<input type="text" name="mensagemDeContato.nome">
				</td>
			</tr>
			<tr>
				<td><label>Empresa: </label></td>
				<td>
					<input type="text" name="mensagemDeContato.empresa">
				</td>
			</tr>
			<tr>
				<td><label>E-mail: </label></td>
				<td>
					<input type="text" name="mensagemDeContato.email">
				</td>
			</tr>
			<tr>
				<td><label>Telefone: </label></td>
				<td>
					<input type="text" name="mensagemDeContato.telefone">
				</td>
			</tr>
			<tr>
				<td><label>Estado: </label></td>
				<td>
				<select name="mensagemDeContato.estado">
						<option> --------------- </option>
						<c:forEach items="<%=Estado.values() %>" var="estado">
							<option value="${estado}" >${estado.descricao}</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td><label>Cidade: </label></td>
				<td>
					<input type="text" name="mensagemDeContato.cidade">
				</td>
				
				
			</tr>
			<tr>
				<td><label>Assunto: </label></td>
				<td>
					<select name="mensagemDeContato.assunto">
						<option> --------------- </option>
						<c:forEach items="<%=Assunto.values() %>" var="assunto">
							<option value="${assunto}" >${assunto.descricao}</option>
						</c:forEach>
					</select>
				</td>
			</tr>
			<tr>
				<td valign="top"><label>Conteudo: </label></td>
				<td>
					<textarea rows="10" name="mensagemDeContato.conteudo"></textarea>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="button" value="Enviar" id="btnEnviar">
				</td>
			</tr>
		</table>
	</form>
</div>
<script type="text/javascript">
$(function(){
	$("#btnEnviar").click(function(){
		alert("hihihihi");
		$("form").submit();
	});
});
</script>
</body>
</html>